<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>无标题文档</title>
  <link href="${pageContext.request.contextPath}/layui/css/layui.css"  media="all" rel="stylesheet" type="text/css" />
  <link href="${pageContext.request.contextPath}/css/style.css" rel="stylesheet" type="text/css" />
  <script type=javascript src="${pageContext.request.contextPath}/layui/jquery2.1.1.js" ></script>
  <script type=javascript src="${pageContext.request.contextPath}/layui/lay/modules/table.js" ></script>
  <script type=javascript src="${pageContext.request.contextPath}/layui/lay/modules/form.js" ></script>
  <script type=javascript src="${pageContext.request.contextPath}/layui/lay/modules/layer.js" ></script>
  <script type=javascript src="${pageContext.request.contextPath}/layui/lay/modules/laydate.js" ></script>
  <style>
    .layui-table-cell,.layui-table-box ,.layui-table-body{
      overflow: visible !important;
    }
    td .layui-form-select {
      margin-top: -10px;
      margin-left: -15px;
      margin-right: -15px;
    }
    td .input{
      width: 115px;
      height: 39px;
      margin-top: -9px;
      margin-left: -14px;
    }
    .layui-form-item i{
      display: block;
      margin-top: 10px;
    }
  </style>
</head>

<body>
<div class="place">
  <span>位置：</span>
  <ul class="placeul">
    <li>营销管理</li>
    <li>订购单管理</li>
    <li>订购单详情</li>
  </ul>
</div>

<form class="layui-form" lay-filter="detail">
  <div class="formtitle"><span>订购单信息</span></div>
  <div class="layui-form-item">
    <label class="layui-form-label">订单编号</label>
    <div class="layui-input-inline" >
      <input name="orderNum" id="orderNum" type="text"  readonly="readonly" class="layui-input" />
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">客户姓名</label>
    <div class="layui-input-inline" >
      <input name="name" id="name" type="text" class="layui-input" readonly/>
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">订购时间</label>
    <div class="layui-input-inline" >
      <input name="orderTime" id="orderTime" type="text" readonly="readonly" class="layui-input" />
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">审核状态</label>
    <div class="layui-input-inline" >
      <select name="status" id="status" lay-verify="required" disabled>
        <option value="0">请选择</option>
        <option value="1">未审核</option>
        <option value="2">审核中</option>
        <option value="3">审核通过</option>
        <option value="4">审核未通过</option>
      </select>
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">总金额</label>
    <div class="layui-input-inline" >
      <input name="totalAmount" id="totalAmount"  type="text" readonly="readonly" class="layui-input" />
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">审核意见</label>
    <div class="layui-input-inline" >
      <input name="opinion" id="opinion"  type="text" readonly="readonly" class="layui-input" />
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">审核人</label>
    <div class="layui-input-inline" >
      <input name="checker" id="checker"  type="text" readonly="readonly" class="layui-input" />
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>

  <div class="layui-form-item">
    <label class="layui-form-label">审核时间</label>
    <div class="layui-input-inline" >
      <input name="checkeTime" id="checkeTime"  type="text" readonly="readonly" class="layui-input" />
    </div>
    <div class="layui-input-inline" >
      <i>不能编辑</i>
    </div>
  </div>
  <table id="demo" lay-filter="demo"></table>



</form>

<script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
<script type="text/javascript">

  layui.use(['table', 'form','form'], function () {
    var table = layui.table,
            $ = layui.$,
            form = layui.form;
    form.render();
    //展示已知数据
    table.render({
      elem: '#demo'
      ,page: true //开启分页
      ,limits: [1, 2, 3, 4, 5]
      ,limit: 5   // 每页条数
      , url: '/orderDetail/getOrderDetailList?orderNum='+$("#orderNum").val() //数据接口
      , cols: [[ //表头
        {field: 'orderId', title: '序号', width: 120, align: "center"}
        , {field: 'brand', title: '品牌', width: 120,align: "center"}
        , {field: 'type', title: '类型', width: 120, align: "center"}
        , {field: 'model', title: '型号', width: 120, align: "center"}
        , {field: 'amount', title: '数量', width: 120, align: "center"}
        , {field: 'unit', title: '单位', width: 120, align: "center"}
        , {field: 'money', title: '单价', width: 120, align: "center"}
        , {field: 'totalMoney', title: '金额', width: 120, align: "center"}
      ]]
    });
    form.render();
  });
</script>
</body>
</html>
